<!-- 前台店长 – 首页 – 打卡 – 统计 – 5			statistical -->
<template>
	<view class="warps">
		<view class="">
			<view class="mine_top_zhong_kuan">
				<view class="sw-box1">
					<view class="single">
						<view class="w90s f b c p_t_15 m_l_20">
							<view>
								<text>姓名</text>
							</view>
							<view>
								<text>部门</text>
							</view>
							<view>
								<text>职位</text>
							</view>
							<view>
								<text>出勤天数</text>
							</view>
							<view>
								<text>休息天数</text>
							</view>
							<view>
								<text>迟到次数</text>
							</view>
							<view>
								<text>迟到时长</text>
							</view>
						</view>
					</view>
					<view class="singles" v-for="(item,index) in list" :key="index">
						<view class="w90s f b c p_t_15 m_l_20">
							<view>
								<text>姓名</text>
							</view>
							<view>
								<text>部门</text>
							</view>
							<view>
								<text>职位</text>
							</view>
							<view>
								<text>出勤天数</text>
							</view>
							<view>
								<text>休息天数</text>
							</view>
							<view>
								<text>迟到次数</text>
							</view>
							<view>
								<text>迟到时长</text>
							</view>
						</view>
						<view class="quanxians"></view>
					</view>
					
				</view>	
			</view>
		</view>
		<view class="statistical-but">
			<button type="default">分享</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						name:''
					},
					{
						name:''
					},
					{
						name:''
					},
					{
						name:''
					},
					{
						name:''
					},
					{
						name:''
					},
					{
						name:''
					},
					{
						name:''
					}
				]
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '统计报表'
			})
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.warps {
		overflow: hidden;
		background-color: #FFFFFF;
		overflow:hidden;
	}
	.mine_top_zhong_kuan{
		width:750rpx;
		/* height:650rpx; */
		overflow:scroll;
		/* margin-top:20rpx; */
	}
	.sw-box1{
		width:100%;
		/* height:650rpx; */
		background-color:#fff;
		margin:0rpx auto;
		border-radius:24rpx;
	}
	.single{
		width:185%;
		height: 66rpx;
		opacity: 1;
		background: #adadad;
	}
	.singles{
		width:185%;
		height: 66rpx;
		opacity: 1;
		background: #F6F8FC;
	}
	.statistical-but{
		margin:0 auto;
		margin-top:400rpx;
	}
	.statistical-but>button{
		width: 686rpx;
		height: 72rpx;
		line-height:72rpx;
		opacity: 1;
		background: #1f73f2;
		border-radius: 12rpx;
		font-size: 24rpx;
		color:#fff;
	}
	.quanxians{
		width: 1340rpx;
		height: 2rpx;
		opacity: 1;
		border: 2rpx solid #dcdcdc;
		margin-top:10rpx;
	}
</style>
